<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="https://cdn.layui.com/layui/2.8.15/css/layui.css">
  <style>
    /* 固定层样式 */
    .fixed-layer {
      position: fixed;  /* 关键属性：固定定位 */
      z-index: 999;     /* 确保层级高于其他元素 ‌:ml-citation{ref="2" data="citationList"} */
      left: 200px;      /* 水平定位（按需调整） */
      bottom: 20px;     /* 垂直定位（按需调整） */
      width: 300px;
      height: 150px;
      background: #fff;
      box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
      padding: 15px;
    }
    /* 允许页面滚动 */
    body {
      height: 2000px;  /* 模拟长页面 */
    }
  </style>
</head>
<body>
<!-- 固定层内容 -->
<div class="layui-card fixed-layer">
  <div class="layui-card-header">固定标题</div>
  <div class="layui-card-body">
    此层位置固定，不受滚动条影响
  </div>
</div>

<script src="https://cdn.layui.com/layui/2.8.15/layui.js"></script>
</body>
</html>
